<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	isELIgnored="false" session="true"%>

<%@taglib prefix="s" uri="http://www.springframework.org/tags"%>

<%
	String path = request.getContextPath();

	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>

<html>
<head>

<base href="<%=basePath%>
	">
<title><s:message code="M_6D00_STOCKER_MANAGEMENT_TAG" /></title>

<!-- Bootstrap -->

<style>
body {
	padding-top: 60px;
	/* 60px to make the container go all the way to the bottom of the topbar */
}

.keyCss:after {
	content: '*';
	color: red;
}

 #stockerListDiv {
	position: absolute;
	height: 70%;
}

#stockerListGrd {
	position: absolute;
	height: 70%;
} 

#leftDiv{
	margin-top: 20px;
}
#stockerDefConditionForm{
	margin-top:30px;
}

#portDialogForm input{
	width : 200px;
}

#portDialogForm select{
	width : 200px;
 }
/*.control-group {
	padding-top: 40px;
}*/
</style>

<%@ include file="/page/comPage/comCSS.html"%>
<%@ include file="/page/comPage/navbar.html"%></head>

<body>
	<div class="container-fluid">
			<div class="col-lg-12 btnDivCss">
				<button class="btn btn-info" id="query_btn">
					<s:message code="QUERY_TAG" />
				</button>

				<button class="btn btn-primary" id="add_btn">
					<s:message code="ADD_TAG" />
				</button>

				<button class="btn btn-warning" id="update_btn">
					<s:message code="UPDATE_TAG" />
				</button>

				<button class="btn btn-primary" id="copy_btn">
					<s:message code="COPY_TAG" />
				</button>

				<button class="btn btn-danger" id="del_btn">
					<s:message code="DELETE_TAG" />
				</button>

				<button class="btn btn-success" id="save_btn">
					<s:message code="SAVE_TAG" />
				</button>

				<button class="btn btn-warning" id="rollback_btn">
					<s:message code="ROLLBACK_TAG" />
				</button>

				<button class="btn btn-primary" id="clear_btn">
					<s:message code="CLEAR_TAG" />
				</button>
			</div>

			<div class="col-lg-4 col-md-4 col-sm-4 leftDiv">
           	 	<fieldset>
                	<legend>Stocker信息</legend>
            	</fieldset>
            	<div id="stockerListDiv" class="col-lg-9">
            		<table id="stockerListGrd"></table>
            		<div id="stockerListPg"></div>
            	</div>
        	</div>
			
			<div class="col-lg-8 col-md-8 col-sm-8 rightDiv">
            <div class="col-lg-12 col-md-12 col-sm-12">
                    <ul id="mytab" class="nav nav-tabs">
                        <li class="active"><a id="tab1" href="#tabPane1" data-toggle="tab">基础信息</a></li>
                        <li><a id="tab2" href="#tabPane2" data-toggle="tab"><s:message code="PROT_INFO_TAG" /></a></li>
                      <!--   <li><a id="tab3" href="#tabPane3" data-toggle="tab">Zone</a></li> -->
                    </ul>
                <!--内容显示-->
                <div class="tab-content">
               	<!-- 第一个tab -->
                <!--基础信息-->
                <div class="tab-pane fade in active" id="tabPane1">
                    <form id="stockerDefConditionForm" class="form-horizontal col-lg-6 col-md-6 col-sm-6">
                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                            <br/>
                            <label class="control-label col-lg-4 col-md-4 col-sm-4 keyClass" for="stockerId">Stocker ID</label>
                            <div class="col-lg-8 col-md-8 col-sm-8">
                                <input type="text" class="form-control" id="stockerId" />
                            </div>
                        </div>

                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                            <label class="control-label col-lg-4 col-md-4 col-sm-4 " for="stockerDec">Stocker 描述</label>
                            <div class="col-lg-8 col-md-8 col-sm-8">
                                <input type="text" class="form-control" id="stockerDec" />
                            </div>
                        </div>
                        
                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                            <label class="control-label col-lg-4 col-md-4 col-sm-4 " for="stockerTyp">Stocker 类型</label>
                            <div class="col-lg-8 col-md-8 col-sm-8">
                                <input type="text" class="form-control" id="stockerTyp" maxlength="1"/>
                            </div>
                        </div>

                       <%--  <div class="form-group col-lg-12 col-md-12 col-sm-12">
                            <label class="col-lg-4 col-md-4 col-sm-4 " for="bayAreaSel">Bay Area</label>
                            <div class="col-lg-8 col-md-8 col-sm-8">
                            	<select class="form-control" id="bayAreaSel">
                                </select>
                            </div>
                        </div> --%>
   
                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                            <label class="control-label col-lg-4 col-md-4 col-sm-4" for="totalCount">Total Count</label>
                            <div class="col-lg-8 col-md-8 col-sm-8">
                            	<input type="text" class="form-control intCss" id="totalCount" />
                            </div>
                        </div>
                        
                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                            <label class="control-label col-lg-4 col-md-4 col-sm-4" for="floorCoderSel">Floor Code</label>
                            <div class="col-lg-8 col-md-8 col-sm-8">
                            	<select class="form-control" id="floorCoderSel" style="width: 100%;">
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                
				<!-- 第二个tab -->
                <!--Port信息表-->
                <div class="tab-pane fade" id="tabPane2">
                    <br/>
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <button id="add_port_btn" class="btn btn-primary" ><s:message code="ADD_TAG"/></button>
                        <button id="update_port_btn" class="btn btn-warning"><s:message code="UPDATE_TAG"/></button>
                        <button id="delete_port_btn" class="btn btn-danger"><s:message code="DELETE_TAG"/></button>
                    </div>
                    
                    <div class="col-lg-12 col-md-12 col-sm-12">
                    	 <fieldset>
                			<legend>Port</legend>
            			</fieldset>
                        <div id="portListDiv">
            				<table id="portListGrd"></table>
            				<div id="portListPg"></div>
            			</div>
                          
                    </div>
                </div>
                
            </div>
        </div>
    </div>
	
	<!-- stoker查询模态框 -->
<div id="queryStoDefDialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
		<!-- 模框头部 -->
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title" >
					Stocker查询
				</h4>
			</div>	
			<!-- 模框主体 -->
			<div class="modal-body">
				<form  role="form" id="stoEditDialogForm">
					<div class="from-group">
						<div class="col-lg-8">
							<input type="text" id="queryStoDefDialog_StokerIdTxt" class="form-control dialog-input"/>
						</div>
						
						<div class="text-center">
							<label id="queryStoDefDialog_helpLineSpn" class="help-inline control-label"> 模糊查询请使用<span style="color: red; font-weight: bold;">*</span>
							</label>
						</div>
					</div>
				</form>
			</div>
			<!-- 模框底部 -->
			<div class="modal-footer">
				<button type="button" class="btn btn-default" 
						data-dismiss="modal" id="queryStoDefDialog_cancelBtn"><s:message code="CANCEL_TAG"/>
				</button>
				<button type="button" class="btn btn-primary" id="queryStoDefDialog_queryBtn">
					<s:message code="QUERY_TAG"/>
				</button>
			</div>
			
		</div>
	</div>
</div>


<!-- Port添加或修改模态框 -->
<div id="portDialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
		<!-- 模框头部 -->
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title" >
					Port添加或修改
				</h4>
			</div>	
			<!-- 模框主体 -->
			<div class="modal-body">
				<form  role="form" id="portDialogForm" class="form-horizontal">
						
						<div class="form-group">
						 	<label class="keyClass col-lg-3 col-md-3 col-sm-3 control-label" for="portId">Port ID</label>
						 	<div class="col-lg-5 col-md-5 col-sm-5">
								<input type="text" id="portId" class="form-control dialog-input" maxlength="2"/>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-lg-3 col-md-3 col-sm-3 control-label" for="portUsage">Port Usage</label>
							<div class="col-lg-5 col-md-5 col-sm-5">
								<select id="portUsage" class="form-control" style="width: 100%;"></select>
								<%--<input type="text" id="portUsage" class="form-control dialog-input" maxlength="1"/>--%>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-lg-3 col-md-3 col-sm-3 control-label" for="transferId">Transfer ID</label>
							<div class="col-lg-5 col-md-5 col-sm-5">
								<input type="text" id="transferId" class="form-control dialog-input" maxlength="16"/>
							</div>
						</div>
						
				</form>
			</div>
			<!-- 模框底部 -->
			<div class="modal-footer">
				<button type="button" class="btn btn-default" 
						data-dismiss="modal" id="portDialog_cancelBtn"><s:message code="CANCEL_TAG"/>
				</button>
				<button type="button" class="btn btn-primary" id="portDialog_queryBtn">
					<s:message code="UPATE_COMMIT_TAG"/>
				</button>
			</div>
			
		</div>
	</div>
</div>

</div>

</body>
<%@ include file="/page/comPage/comJS.html"%>
<script type="text/javascript" src="js/page/6000/6D00.js"></script>
<script src="lib/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script src="lib/bootstrap/assets/js/bootstrap-tab.js"></script>

</html>